<template>
  <a_page>
    <a工具栏 :设置="设置"></a工具栏>
    <div class="q-gutter-xs">
      <template v-for="item in 单项组">
        <!-- 变化了:{{ 变化了 }}
      变化了:{{ 设置.变化了 }} -->
        <!-- 设置:{{ 设置 }} -->
        <q-card class="my-card">
          <q-card-section>
            <div class="text-h6">{{ item.名称 }}:</div>
            <a数组 v-model="item.内容" />
          </q-card-section>
        </q-card>
        <!-- <div>
            {{ item.名称 }} {{ 单项组 }}
        </div> -->
      </template>
    </div>
  </a_page>
</template>

<script setup>
import a_page from '@/components/a_page.vue';
import { ref, reactive, computed, watch } from 'vue'
const yy = ref()
const searchInfo = ref({})
defineOptions({
  name: '老鱼商店/设置/设置',
})
// import useApi from '@/amtf/api/增查api';
// const api = useApi();
// import *  as util from '@/amtf/utils'
import a数组 from '@/components/arrayCtrl/a数组.vue'
import a工具栏 from '@/components/a工具栏.vue'
import use设置 from '@/stores/use设置';
const 设置 = use设置()
const { 提交, 单项组 } = 设置
// 设置.a
// console.log(`变化了 👉`,变化了)
// console.log(`设置.变化了 👉`,设置.变化了)
// 变化了.
// import 提示 from '@/amtf/hooks/提示';
// const 单项组 = reactive([])
// const 商品可选配置 = reactive({})

// let 监听变化 = true
// const 变化了 = ref(false)

// async function 初始化() {
//   变化了.value=false
//   const res = await api.查()
//   console.log(`res 👉`, res)
//   if (res.code === 0) {
//     监听变化 = false
//     util.数组重予(单项组, res.data.list)
//     // res.data.list.forEach(item => {
//     //     单项组[item.名称] = item
//     // });
//   }
// }
// 初始化()

// watch(单项组, (newValue, oldValue) => {
//   console.log(`设置变化 ing👇`)
//   console.log(`监听变化 👉`, 监听变化)
//   if (监听变化) {
//     变化了.value = true
//   }
//   监听变化 = true
// })

// const 提交 = async () => {
//   let res
//   res = await api.改(单项组)
//   if (res.code === 0) {
//     提示()
//     初始化()
//   }
// }
</script>

<style lang="scss" scoped></style>